import { Divider as AntdDivider, DividerProps } from 'antd';

/**
 * 导出分割线组件
 * @param {DividerProps} props - 分割线组件的属性
 * @param {React.ReactNode} props.children - 分割线中间的文字
 * @param {boolean} props.dashed - 是否虚线
 * @param {'left' | 'right' | 'center'} props.orientation - 分割线标题的位置
 * @param {string | number} props.orientationMargin - 标题和最近 left/right 边框之间的距离
 * @param {boolean} props.plain - 文字是否显示为普通正文样式
 * @param {'horizontal' | 'vertical'} props.type - 水平还是垂直类型
 * @param {React.CSSProperties} props.style - 自定义样式
 * @returns {JSX.Element} 分割线组件的 JSX 元素
 * @description 分割线组件是 Ant Design 提供的分割线组件，用于对不同章节的文本段落进行分割。
 * @example
 * <Divider />
 * @example
 * <Divider>Text</Divider>
 * @example
 * <Divider orientation="left">Left Text</Divider>
 * @example
 * <Divider type="vertical" />
 * @example
 * <Divider dashed />
 */
export const Divider = (props: DividerProps) => {
  return <AntdDivider {...props} />;
};

// 默认导出
export default Divider;

// 重新导出类型
export type { DividerProps };
